﻿@charset "utf-8";

/*****************************************************
	System Page
*****************************************************/
div#main div#sidemenu #menutitle_first {
	width: 147px;
    height: 30px;
	padding:12px 0 0 12px;
	background:url(../images/bg_side_menu_title_first.jpg) repeat-x top left;
}
div#main div#sidemenu #menutitle {
	width: 147px;
    height: 30px;
    padding:12px 0 0 12px;
	border-top:solid 1px #ccc;
	background:url(../images/bg_side_menu_title.jpg) repeat-x top left;
}
div#main div#sidemenu #menutitle_first p {
	width:128px;
	height:30px;
	padding:0 0 0 20px;
	font-weight:bold;
	background:url(../images/blt_admin_title01.png) no-repeat top left;
}
div#main div#sidemenu #menutitle p {
	width:128px;
	height:30px;
	padding:0 0 0 20px;margin-right: 10px;
	font-weight:bold;
	background:url(../images/blt_admin_title02.png) no-repeat top left;
}
div#main div#sidemenu #menutitle_first p span,
div#main div#sidemenu #menutitle p div {
	/*background:url(../images/icon_arrw_up_side_menu.gif) no-repeat center right;*/
}
div#main div#sidemenu .menuRightButton {
    float: right;
    float: right;
    width: 8px;
    height: 12px;
    display: block;
    /*cursor:pointer;*/
    margin-right: 10px;
}

div#main div#sidemenu .menuRightButtonUp 
{
    /*background: url('/Content/Images/icon_arrw_up_side_menu.gif') no-repeat center right;*/
}
div#main div#sidemenu .menuRightButtonDown 
{
    /*background: url('/Content/Images/icon_arrw_down_side_menu.gif') no-repeat center right;*/

}
div#sidemenu ul{
	width:150px;
	padding-left:2px;
}
div#sidemenu ul li{
	list-style-type:none;
	padding:5px 0 7px 44px;
	border-bottom:solid 1px #c1c1c1;
	border-top:solid 1px #fff;
	background:url(../images/list_admin_side_menu.gif) no-repeat 20px 7px;
}
div#sidemenu ul li.first{
	border-top:none;
}
div#sidemenu ul li.last{
    border-bottom: none;
	/*border-top:solid 1px #fff;*/
}
div#sidemenu ul li a,
div#sidemenu #menutitle ul li a {
	color:#333;
}
/*****************************************************
	admin_system page
*****************************************************/
#main div#content div.listbox {
	width:760px;
	height:188px;
	margin:15px 0;
	border:solid 1px #ccc;
	background:url(../images/bg_admin_listbox.jpg) repeat-x top left;
}
#main div#content div.listbox p.title {
	height:25px;
	padding-top:7px;
	padding-left:18px;
	font-weight:600;
	border-bottom:solid 1px #ccc;
}
#main div#content div.listbox table {
	width:720px;
	margin:10px auto 5px;
	border:0;
	border-bottom:solid 1px #ccc;
    background-color: transparent;
}
#main div#content div.listbox table td {
	padding-left:15px;
	padding-right:15px;
	border:0;
	background-color:transparent;
}
#main div#content div.listbox div.boxinner {
	padding-left:26px;
}
#main div#content div.listbox_empty {
	width:760px;
	height:188px;
	margin:10px 0;
	border:solid 1px #ccc;
}
#main div#content div.listbox table select {
	width:200px;
	height:22px;
	margin:0;
	border:solid 1px #717171;
}

/*****************************************************
	admin system account List
*****************************************************/
#main div#content div.accountlist {
	width:760px;
	margin:15px 0;
}
#main div#content div.accountlist table {
	width:760px;
	margin:0 auto;
	border:solid 1px #cdcdcd;
	background-color:transparent;
}
#main div#content div.accountlist table th {
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	border:solid 1px #cdcdcd;
	background-color:#f0f5fb;
}
#main div#content div.accountlist table th.title {
	padding-left:10px;
	padding-right:10px;
	color:#6f889e;
	border:solid 1px #cdcdcd;
	background-color:#f0f5fb;
	vertical-align:middle;
}
#main div#content div.accountlist table th.title img {
	vertical-align:middle;
}
#main div#content div.accountlist table th.last_update {
	width:20px;
	padding:5px 10px;
	border:solid 1px #cdcdcd;
	border-right:solid 1px #a5c6d2;
}
#main div#content div.accountlist table td {
	height:60px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	border:solid 1px #cdcdcd;
	background-color: transparent;
}
#main div#content div.accountlist table td.odd {
	min-height:60px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	border:solid 1px #cdcdcd;
	background-color:#eaf0f4;
}

#main div#content div.accountlist table td ul li,
#main div#content div.accountlist table td.odd ul li {
	margin-left:14px;
	padding-left:0px;
}
#main div#content div.accountlist table th p.right {
	float:right;
}
#main div#content div.accountlist table th p.left,
#main div#content div.accountlist table td p.left {
	float:left;
}

#main div#content div.accountlist table th p.icon_list,
#main div#content div.accountlist table td p.icon_list {
	float:left;
	padding-top:4px;
	padding-left:10px;
}
#main div#content div.accountlist table th p.icon_list img,
#main div#content div.accountlist table td p.icon_list img {
	padding-left:10px;
}

#main div#content div.accountlist table.btn_list {
	width:auto;
	margin:0;
	border:0;
	background-color:transparent;
}
#main div#content div.accountlist table.btn_list td {
	width:auto;
	height:auto;
	border:0;
	text-align:center;
	vertical-align:top;
}

/*****************************************************
	Edit System Account
*****************************************************/
#main div#content div.systembox {
	width:720px;
	margin:15px 0;
	padding:10px 20px;
	border:solid 1px #cdcdcd;
}
#main div#content div.systembox p {
	padding-left:15px;
	padding-bottom:10px;
}
#main div#content div.systembox p span {
	color:#cc0000;
}
#main div#content div.systembox p span.check {
	color:#00669d;
}
#main div#content div.systembox p input {
	height:18px;
}
#main div#content div.systembox img.box {
	vertical-align:middle;
}
#main div#content div.systembox hr {
	height:2px;
	border:0;
	border-top:solid 1px #cdcdcd;
	background:none;
}

#main div#content div.systembox div.attention {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #ccc;
}
#main div#content div.systembox div.attention ul li {
	list-style-type:none;
	padding-left:35px;
	color:#cc0000;
	background:url(../images/img_attention.gif) no-repeat top left;
}
#main div#content div.systembox div.attention ul li p {
	padding:0;
	padding-left:10px;
}
/*****************************************************
	table : base
*****************************************************/
table 
{
	width:100%;
	border-collapse:collapse;
	border:none;
}
table th 
{
	font-weight:bold;
}
table td 
{
    padding:0;
}
table tr 
{
    padding:0px;
}
table tr.odd 
{
    padding:0px;
	background-color:#f8f8f8;
}
table tr.last 
{
	border-bottom:solid #ccc 1px;
}

/*****************************************************
	Login Page
*****************************************************/
div#admin_login{
	position: relative;
	width:100%;
	min-height:563px;
	margin:-1px auto 0;
	background:url(../images/bg_admin_login.jpg) no-repeat bottom left;
	-moz-background-size:cover;
	background-size:cover;
}
div#admin_login div#title{
	width:537px;
	height:128px;
	padding-top:40px;
	margin:0 auto;
	background:url(../images/txt_admin_login.png) no-repeat bottom left;
}
div#main_login div#admin_login_user {
	position: relative;
	width:100%;
	min-height:600px;
	margin:0;
	padding:0;
	background:#f3f6ed url(../images/bg_user_admin_login.png) no-repeat bottom left;
	-moz-background-size:cover;
	background-size:cover;
}

div#admin_login_user div#title{
	width:537px;
	height:128px;
	padding-top:40px;
	margin:0 auto;
	background:url(../images/txt_user_admin_login.png) no-repeat bottom left;
}
div#admin_login div#input_area{
	width:640px;
	height:100px;
	margin:50px auto 0;
}
div#admin_login div#input_area ul{
	list-style-type:none;
}
div#admin_login div#input_area ul li#loginid{
	float:left;
	width:306px;
	height:77px;
	margin:0 12px 0 0;
	background:url(../images/bg_login_id.png) no-repeat bottom left;
}

div#admin_login div#input_area ul li#password{
	float:left;
	width:306px;
	height:77px;
	margin:0 12px 0 0;
	background:url(../images/bg_password.png) no-repeat bottom left;
}
div#admin_login div#input_area ul li input{
	width:280px;
	height:28px;
	margin:32px 0 0 12px;
}
div.login-error {
	margin-bottom:5px;
	padding-bottom:5px;
}

div.login-error>ul>li{
	list-style-type:none;
	padding-left:35px;
	color:#cc0000;
	background:url(../images/img_attention_red.png) no-repeat top left;
	line-height: 24px;
    font-weight: bold;
    padding-bottom: 0px;
    display: block;
}
div.login-error ul li p {
	padding:0;
	padding-left:0px;
}

/*=== Input Area - LoginID & Password & Corporate Code ===================================*/
div#admin_login_user div#input_area{
	width:640px;
	height:100px;
	margin:50px auto 0;
}
div#admin_login_user div#input_area ul{
	list-style-type:none;
}
div#admin_login_user div#input_area ul li#logincode{
	float:left;
	width:306px;
	height:77px;
	margin:0 12px 0 0;
	background:url(../images/bg_login_code.png) no-repeat bottom left;
}
div#admin_login_user div#input_area ul li#password{
	float:left;
	width:306px;
	height:77px;
	margin:0 12px 0 0;
	background:url(../images/bg_password.png) no-repeat bottom left;
}

div#admin_login_user div#input_area ul li input{
	width:280px;
	height:28px;
	margin:32px 0 0 12px;
}
.input-validation-error {
    border: 1px solid Red;
    background-color: #FEE;
    border-image: initial;
}
/*=== Action Area -Button & Forgot Password ===================================*/
div#admin_login div#action_area,
div#admin_login_user div#action_area{
	width:312px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
div#admin_login div#action_area p.forgotpass,
div#admin_login_user div#action_area p.forgotpass {
	margin:0 auto;
	text-align:center;
}

div#admin_login div#action_area p.forgotpass a:link,
div#admin_login div#action_area p.forgotpass a:visited,
div#admin_login_user div#action_area p.forgotpass a:link,
div#admin_login_user div#action_area p.forgotpass a:visited {
	color:#00662b;
	text-decoration:none;
}
div#admin_login div#action_area p.forgotpass a:hover,
div#admin_login_user div#action_area p.forgotpass a:hover{
	color:#2cb666;
	text-decoration:underline;
}

div#admin_login div#action_area #btn_login,
div#admin_login_user div#action_area #btn_login{
	width:210px;
	height:51px;
	margin-top:20px;
	border:0;
	cursor:pointer;
	background:url(../images/btn_login.png) no-repeat top left;
}
div#admin_login div#action_area hr,
div#admin_login_user div#action_area hr{
	height:1px;
	border: none;
	border-top:dotted 1px #666;
	background:none;
}
#main_login img#bg-img {
	/* Set rules to fill background */
	min-height: 100%\9;
	min-width: 100%\9;
	/* Set up proportionate scaling */
	width: 100%\9;
	height: auto\9;
	/* Set up positioning */
	position:absolute\9;
	top: 20px\9;
	left: 0\9;
}

/*=== Grid tool bar icons ===================================*/
.icon-picture
{
    background-position: center center;
    background-image: url('../Images/picture.png') !important;
}

.icon-refresh {
    background-image: url('../Images/grid_icon_refresh.png') !important;
}
.icon-add {
    background-image: url('../Images/grid_icon_add.png') !important;
}
.icon-delete{
    background-image: url('../Images/grid_icon_delete.png') !important;
}
.icon-edit{
    background-image: url('../Images/grid_icon_edit.png') !important;
}
.icon-view {
    background-image: url('../Images/grid_icon_view.png') !important;
}
.icon-search{
    background-image: url('../Images/grid_icon_search.png') !important;
}
.icon-resetpassword{
    background-image: url('../Images/grid_icon_resetpassword.png') !important;
}
.icon-delaysubmit{
    background-image: url('../Images/grid_icon_delaysubmit.png') !important;
}
.icon-submit{
    background-image: url('../Images/grid_icon_submit.png') !important;
}
.icon-approve{
    background-image: url('../Images/grid_icon_approve.png') !important;
}
.icon-reject{
    background-image: url('../Images/grid_icon_reject.png') !important;
}
.icon-upload{
    background-image: url('../Images/grid_icon_upload.png') !important;
}
.icon-close {
    background-image: url('../Images/grid_icon_close.png') !important;
}
.icon-history
{
    background-position: left bottom;
    background-image: url('../Images/grid_icon_history.png') !important;
    background-repeat: no-repeat;
}
.icon-plan
{
    background-image: url('../Images/grid_icon_plan.png') !important;
}
.icon-report
{
    background-image: url('../Images/grid_icon_report.png') !important;
}
/*=== silverlight frame ===================================*/
.frame_silverlight{
    border: 0px none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/*=== page ===================================*/
.redText {
    color: red;
}
.alertTitle {
    font-size: 19px;
    font-weight: bold;
    line-height: 130%;
    color: red;
}
.alertText {
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
}

/*=== form ===================================*/
div.form-attention 
{
    margin-top: 10px;
	margin-bottom:5px;
	padding-bottom:5px;
}

div.form-attention>ul>li {
	list-style-type:none;
	padding-left:35px;
	color:#cc0000;
	background:url(../Images/img_attention.gif) no-repeat top left;
	line-height:24px;
}

div.form-attention p,div.form-attention li {
	padding:0;
	padding-left:0px;
    font-weight: bold;
}
span.redStar {
    color: red;
    font-weight: bold;
}
div.form-box {
    line-height: 180%;
}
div.text-label {
    font-size: 13px;
    letter-spacing: 2px;
}
div.text-input {
    
}
div.text-input input {
    padding: 1px 3px;
    background: repeat-x 0 0;
    border: 1px solid;
    background-color: white;
    background-image: url(../Images/text-bg.gif);
    border-image: initial;
    border-color: #B5B8C8;
    width: 200px;
    line-height: 16px;
    font-size: 16px;
}
input.text-button {
    width: 100px;
    height: 30px;
    font-size: 13px;
    letter-spacing: 3px;
    color: #333;
    border-color: #BBB;
    background-color: #F8F8F8;
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    border-width: 1px;
    border-style: solid;
}
input.text-button:hover {
    border-color: #9D9D9D;
    background-color: #F3F3F3;
}